<template>
  <div>
    <!-- 使用excel上传组件 -->
    <upload-excel
      :on-success="handleSuccess"
    />
  </div>
</template>

<script>
// 引入接口函数
import { reqAddEmployeeBatch } from '@/api/employees'
export default {
  methods: {
    // 1. 上传的文件已经解析成功
    handleSuccess({ results, header }) {
      // 1.1 处理员工版块的上传业务
      if (this.$route.query.type === 'user') {
        // 调用员工上传函数
        this.handleEmployeesBatch(results)
      }

      // 1.2 处理薪资版块的上传业务
      if (this.$route.query.type === 'money') {
        // 调用薪资上传的函数
      }

      // ....
    },

    // 2. 处理员工的批量上传
    async handleEmployeesBatch(results) {
      // 1. 中英文对照表
      const userRelations = {
        '入职日期': 'timeOfEntry',
        '手机号': 'mobile',
        '姓名': 'username',
        '转正日期': 'correctionTime',
        '工号': 'workNumber'
      }

      // 2. 遍历初始数组
      const dataArr = []
      results.forEach(item => {
        // 2.1 定义一个新对象
        const obj = {}

        // 2.2 遍历数组中的对象
        // 核心: 根据同一个key从两个对象中取值, 组合形成新对象的键值对
        for (const key in item) {
          // 2.2.1 生成英文键
          const englishKey = userRelations[key]

          // 2.2.2 特殊处理: 把日期由天数 转换成  年月日 形式
          if (englishKey === 'timeOfEntry' || englishKey === 'correctionTime') {
            // 调用转换函数(把 天数  转成 年月日 )
            obj[englishKey] = this.formatExcelDate(item[key], '-')
          } else {
            // 给新对象添加属性和属性值
            obj[englishKey] = item[key]
          }
        }

        // 2.3 把生成的新对象装入数组
        dataArr.push(obj)
      })

      // console.log(dataArr)

      // 3. 发起网络请求
      await reqAddEmployeeBatch(dataArr)
      this.$message.success('批量导入员工成功~')
      this.$router.push('/employees')
    },

    // ....

    // 3. 转换excel中的日期
    formatExcelDate(numb, format) {
      const time = new Date(numb * 24 * 3600000 + 1) // 毫秒
      time.setYear(time.getFullYear() - 70)
      const year = time.getFullYear() + ''
      const month = time.getMonth() + 1 + ''
      const date = time.getDate() - 1 + ''
      if (format && format.length === 1) {
        return year + format + (month < 10 ? '0' + month : month) + format + (date < 10 ? '0' + date : date)
      }
      return year + (month < 10 ? '0' + month : month) + (date < 10 ? '0' + date : date)
    }
  }
}
</script>

<style>

</style>
